<template>
   <div class="container2">
    <h2>二兄弟</h2>
    <div>{{msg}}</div>
   </div>
</template>

<script>
import bus from '@/utils/bus'
//钩子函数：到了指定的实际自己会调用的称为钩子函数:created:组件在创建完毕之后会调用
export default {
  data(){
    return{
        msg:''
    }
  },
  created(){
    //bus.$on(参数1，参数2)：参数1是和发送的时候$emit()第一个参数,参数2是个回调函数
    bus.$on('mark',(arg)=>{
        this.msg=arg
    })
  }
}
</script>

<style>
    .container2{
        flex-grow: 1;
        height: 100vh;
        background-color: springgreen;
    }
</style>